<html>

<head>
<title>zonghe3-2</title>
</head>
<style>
        *{padding:0;margin:0;}
    .layer1{width:100%;height:150px;}
    .layer1-1{width:100%;height:100px;
color:blue;background:green;text-align:center;line-height:100px;font-size:20px;}
    .layer1-2{width:100%;height:50px;color:black;background:blue;line-height:50px;padding:0;margin:0;border:0}
       .layer1-2 li a{color:white;}
            .layer1-2 li{height:50px;width:14%;float:left;list-style-type:none;font-size:10px}
            .layer1-2 li a{display:block;text-decoration:none;text-align:center}
            #footer li a:link{background:blue;}
            #footer li a:hover{color:yellow;background:lightblue;}
    .layer2{width:100%;height:500px;margin:0 1px;padding:10px 0px;border:0}
    .layer2-1{width:20%;height:500px;padding:0px 0px;float:left;} 
           #nav{background:yellow;text-align:center}
           #nav a{float:left;width:100%;height:4em;text-decoration:none;line-height:4em;border-left:10px solid lightblue;border-top:1px solid lightblue}
    .layer2-2{width:40%;height:460px;padding:0px 10px;float:left;}
            table{width:100%;border-collapse:collapse;border-color:pink;}
            table tr td{font-size:10px}
            table tr{height:60px;}
    .layer2-3{width:30%;height:460px;padding:0px 10px;float:left;}
    .layer2-4{clear:both;}
    .layer3{color:white;background:black;text-align:center}



</style>

<body>
         <div class="layer1">
                   <div class="layer1-1">深蓝论坛</div>
                   <div class="layer1-2"id="footer">
                           <ul>
                                    <li> <a href="#">论坛首页 </a></li><li> <a href="#">新手须知</a> </li><li> <a href="#">版主申请</a> </li><li> <a href="#">勋章申请 </a> </li><li><a href="#">电竞大区</a>  </li><li><a href="#">网游大区</a></li><li><a href="#"> 有奖活动</a></li>
                            </ul>
                         </div>
                   </div>
         <div class="layer2">
                   <div class="layer2-1"id="nav">
                       <a href="#">论坛首页</a><a href="#"> 新手须知</a><a href="#">  版主申请 </a><a href="#">勋章申请 </a><a href="#"> 电竞大区</a><a href="#"> 网游大区</a><a href="#"> 有奖活动</a>
                        </div>
                   <div class="layer2-2"><p>帖子内容</p><hr size="3"align="left"width="80%">
                     <table border="1">
                              <tr><td>回复</td><td>主题</td><td>最后发言</td></tr>
<tr><td>200</td><td>

关于有奖活动板块新增回帖规则公告</td><td>2017/12/12</td></tr>
<tr><td>200</td><td>
 
兑换商城新品：机械键盘游戏礼盒限量换</td><td>2017/12/12</td></tr>
<tr><td>200</td><td>

传奇霸业新版本来袭！学霸邓超带你征战天下 </td><td>2017/12/12</td></tr>
<tr><td>200</td><td>

深蓝游戏网游戏大厅2月19日恢复运营公告 </td><td>2017/12/12</td></tr>
<tr><td>200</td><td>

深蓝游戏网游戏大厅服务器紧急维护公告 </td><td>2017/12/12</td></tr>
<tr><td>200</td><td>

每日话题：你喜欢哪种类型的手机游戏？ </td><td>2017/12/12</td></tr>
<tr><td>200</td><td>

PCG论坛新手接待区招募实习版主 
 </td><td>2017/12/12</td></tr>



                         </table>                   
                                     </div>
                   <div class="layer2-3"><p>热帖排行</p><hr size="3"align="left"width="80%">
                    <ol><li> 关于有奖活动板块新增回帖规则公告 </li><li>
兑换商城新品：机械键盘游戏礼盒限量换</li><li>
传奇霸业新版本来袭！学霸邓超带你征战天下</li><ol>

</div>
                   <div class="layer2-4"></div>
                     </div>
         <div class="layer3">联系我们</div>
</body>

</html>